type IconProp = {
  className?: string
  width?: string
  height?: string
}

export const LikeIcon = ({
  className,
  width = '20',
  height = '20',
}: IconProp) => {
  return (
    <svg
      // t="1616999387005"
      className={className}
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="2125"
      width={width}
      height={height}
    >
      <path
        d="M724.992 58.026667c-84.309333 0-162.474667 42.325333-214.016 111.957333C459.434667 100.352 380.928 58.026667 296.96 58.026667 145.066667 58.026667 21.504 193.194667 21.504 359.082667c0 98.986667 44.373333 168.277333 79.872 224.256C204.8 745.472 464.554667 947.2 475.477333 955.733333c10.581333 8.192 22.869333 12.288 35.498667 12.288 12.288 0 24.917333-4.096 35.157333-12.288 10.922667-8.533333 271.018667-210.261333 374.101333-372.394667 35.498667-55.978667 79.872-125.269333 79.872-224.256C1000.106667 193.194667 876.544 58.026667 724.992 58.026667L724.992 58.026667 724.992 58.026667 724.992 58.026667zM724.992 58.026667"
        p-id="2126"
        fill="#b4b4b4"
      ></path>
    </svg>
  )
}

export const HandLikeIcon = ({
  className,
  width = '20',
  height = '20',
}: IconProp) => {
  return (
    <svg
      className={className}
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="2106"
      width={width}
      height={height}
    >
      <path
        d="M1020.377987 468.716066a84.323832 84.323832 0 0 0-53.615893-63.851873 150.6127 150.6127 0 0 0-48.741903-7.310985H660.175705c-11.210978 0-11.210978 0-9.748981-11.210978 5.361989-31.194938 9.748981-62.876875 16.084968-94.071812a237.859526 237.859526 0 0 0-4.87399-125.266751c-12.672975-37.043926-27.295946-73.112854-40.942919-109.669781a73.112854 73.112854 0 0 0-40.455919-45.32991 131.115739 131.115739 0 0 0-116.493768 3.412993 63.851873 63.851873 0 0 0-37.529925 61.413878c0 40.455919 0 80.911839 2.923994 121.367758a66.289868 66.289868 0 0 1-8.773982 37.043926c-31.194938 53.615893-53.615893 97.483806-86.272829 146.225709a349.966303 349.966303 0 0 1-32.169935 36.555927 93.096815 93.096815 0 0 0-35.58193 69.700861v453.299097a82.373836 82.373836 0 0 0 81.886837 82.861835h445.501113a240.78452 240.78452 0 0 0 75.549849-9.74898 116.005769 116.005769 0 0 0 83.347834-105.281791 133.065735 133.065735 0 0 0-6.335987-57.515885 12.672975 12.672975 0 0 1 2.436995-9.747981 129.165743 129.165743 0 0 0 28.757943-86.759827 141.839717 141.839717 0 0 0-7.798985-33.144934 13.647973 13.647973 0 0 1 0-14.622971 119.417762 119.417762 0 0 0 28.757943-78.961842 281.728439 281.728439 0 0 0-8.285984-41.917917v-10.235979a126.241749 126.241749 0 0 0 29.244942-61.414878V479.439045zM82.583855 438.983125h54.590892q82.373836 0 82.373836 82.373836v420.155163q0 82.373836-82.373836 82.373836h-54.589892q-82.374836 0-82.374835-82.373836V521.356961q0-82.373836 82.373835-82.373836z"
        p-id="2107"
        fill="#b0b0b0"
      ></path>
    </svg>
  )
}

export const CommentIcon = ({
  className,
  width = '20',
  height = '20',
}: IconProp) => {
  return (
    <svg
      className={className}
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="2980"
      width={width}
      height={height}
    >
      <path
        d="M891.744 102.4a64 64 0 0 1 64 64v554.656a64 64 0 0 1-64 64h-265.984l-103.104 154.688a12.8 12.8 0 0 1-1.6 1.952l-1.952 1.6a12.8 12.8 0 0 1-16.096-1.536l-1.664-2.016-103.168-154.688h-265.92a64 64 0 0 1-64-64V166.4a64 64 0 0 1 64-64h759.488z"
        p-id="2981"
        fill="#b0b0b0"
      ></path>
    </svg>
  )
}
